<section class="section" id="personal_project">
  <h2 class="title-thin text-muted">个人作品</h2>
  <div class="pf-wrap">
    <div class="pf-grid">
      <div class="pf-grid-sizer"></div>
      <!-- used for sizing -->

      <div class="pf-grid-item photography">
        <div class="project">
          <figure class="portfolio-figure">
            <img
              src="{{ '/styles/img/portfolio/ibms.jpg' | prepend: site.baseurl }}"
              alt=""
            />
          </figure>
          <div class="portfolio-caption text-center">
            <div class="valign-table">
              <div class="valign-cell">
                <h2 class="text-upper">智能楼宇管理系统</h2>
                <p>
                  基于数据采集模型的智能楼宇管理系统，支持SNMP,Modbus,电总,
                  OPC等协议。
                </p>
                <a href="#pf-popup-1" class="pf-btn-view btn btn-primary"
                  >详情</a
                >
              </div>
            </div>
          </div>
        </div>
        <div id="pf-popup-1" class="pf-popup clearfix">
          <div class="pf-popup-col1">
            <div
              class="pf-popup-media"
              style="background-image: url({{site.baseurl }});
               background-repeat: no-repeat;
               background-size: cover;
               "
            ></div>
          </div>
          <!-- .pf-popup-col1 -->

          <div class="pf-popup-col2">
            <div class="pf-popup-info clear-mrg">
              <h2 class="text-upper">智能楼宇管理系统</h2>
              <p class="text-muted"><strong>design / development</strong></p>
              <dl class="dl-horizontal">
                <dt>Demo展示地址:</dt>
                <dd>
                  <a href="https://gitee.com/xiaodan_yu/resume.io">Demo</a>
                </dd>
              </dl>
              <p>
                基于数据采集模型的智能楼宇管理系统，支持SNMP,Modbus,电总,
                OPC等协议。
              </p>
            </div>
            <!-- .pf-popup-info -->
          </div>
          <!-- .pf-popup-col2 -->
        </div>
        <!-- .pf-popup -->
      </div>
      <!-- .pf-grid-item -->

      <div class="pf-grid-item design">
        <div class="project">
          <figure class="portfolio-figure">
            <img
              src="{{ '/styles/img/portfolio/prj-02.jpg' | prepend: site.baseurl }}"
              alt=""
            />
          </figure>

          <div class="portfolio-caption text-center">
            <div class="valign-table">
              <div class="valign-cell">
                <h2 class="text-upper">Jekyll 简历模板</h2>
                <p>基于Jekyll的简历模板，托管在码云。记得给个赞哦！</p>
                <a
                  href="https://gitee.com/xiaodan_yu/resume.io"
                  class="pf-btn-view btn btn-primary"
                  target="_blank"
                  >详情</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- .pf-grid-item -->

      <div class="pf-grid-item photography">
        <div class="project">
          <figure class="portfolio-figure">
            <img
              src="{{ '/styles/img/portfolio/ai.jpg' | prepend: site.baseurl }}"
              alt=""
            />
          </figure>

          <div class="portfolio-caption text-center">
            <div class="valign-table">
              <div class="valign-cell">
                <h2 class="text-upper">股票预测模型</h2>
                <p>基于AI的股票预测模型</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- .pf-grid-item -->
    </div>
  </div>
</section>
<!-- .section -->
